<div class="blade-content" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <div class="table-wrapper">


        <div id="tree">
          <ul>
            <li>
              <!-- <div class="treeNode  " style="padding-left: 20px" data-file-id="1">
                    <a class="fa"></a>
                    <span class="allTitle">全部菜单</span>
                  </div> -->

              <ul>
                <li class="menuItem1" *ngFor="let file of files let i =index " (click)="onNodeSelect($event,file)">
                  <div class="treeNode" style="padding-left: 20px" data-file-id="1" [ngClass]="{'__selected': currentMenu?.menuId == file.data.menuId}">
                    <a class="fa" *ngIf="file.data.children.length"></a>
                    <b class="b1" *ngIf="file.data.isShow">√</b>
                    <b class="b2" *ngIf="!file.data.isShow">×</b>

                    <span class="title">
                      <i class="menuItem-ico material-icons">{{file.data.menuIcon}}</i>
                      {{file.data.menuName}}
                    </span>
                    <b class="b3" *ngIf="file.data.unMenuShortCuts">☆</b>
                  </div>

                  <ul class="none" *ngIf="file.data.children.length" [ngStyle]="{'height':file.data.isChecked ?'auto':0}">

                    <li class="menuItem2" *ngFor="let item of file.children let i =index " (click)="onNodeSelect($event,item)">

                      <div class="treeNode treeNode-empty " style="padding-left: 20px" data-file-id="11" [ngClass]="{'__selected': currentMenu?.menuId == item.data.menuId}">
                        <b class="b1" *ngIf="item.data.isShow">√</b>
                        <b class="b2" *ngIf="!item.data.isShow">×</b>
                        <!-- <span  >{{item.data.menuIcon}}</span> -->
                        <span class="title">
                          <i class="menuItem-ico material-icons">{{item.data.menuIcon}}</i>
                          {{item.data.menuName}}
                        </span>
                        <b class="b3" *ngIf="item.data.unMenuShortCuts">☆</b>
                      </div>
                    </li>
                  </ul>
                </li>

              </ul>
            </li>
          </ul>
        </div>



        <!--0 <p-treeTable [value]="files" selectionMode="single" (onNodeSelect)="onNodeSelect($event)" [(selection)]="selectedFile"> -->
        <!-- 
            <p-column field="isChecked" header="选择">
            <ng-template let-node="rowData" pTemplate="body">
              <label class="form-control __checkbox">
                <input (click)="onItemCheack($event.target,node.data)" type="checkbox"  [checked]="node.data.isChecked">
                <span class="check"></span>
             </label>
            </ng-template>
            </p-column> 
            <p-column field="menuIcon" header="图标">
              <ng-template let-node="rowData" pTemplate="body">
                <span class="material-icons">{{node.data.menuIcon}}</span>
              </ng-template>
            </p-column> 
          -->
        <!--0 <p-column field="menuName" header="名称"></p-column> -->
        <!-- <p-column field="menuSeq" header="序号"></p-column> -->
        <!--0 </p-treeTable> -->

      </div>
    </div>
  </div>
</div>